<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/commom.css"/>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css"/>
	</head>
	<body>
		
		<div class="container-fluid right-iframe-wrapper">
			<div class="row">
				<div class="right-title">
					<h1 class="font-18">添加社团成员<small class="font-16">&nbsp;&nbsp;-&nbsp;&nbsp;添加社团成员</small></h1>
				</div>
				<div class="clearfix"></div>
				<div class="row">
					<!--
					<span class="pull-left">
						<a class="btn btn-warning" href="#">增加</a>
						<a class="btn btn-danger">删除</a>
						<a class="btn btn-info" href="#">修改</a>
					</span>-->
					<div class="right-search col-md-4 col-xs-6 pull-right no-pd-right">
						<!--<div class="dropdown pull-left">
						<!--下拉列表赋值 js-menu-text  和  js-menu-contant
						
						<button class="btn btn-default js-menu-text" type="button" data-toggle="dropdown">
							<em>选择时间</em>
							<span class="caret"></span>
						</button>
						<ul class="dropdown-menu js-menu-contant">
							<li><a href="javascript:;">1月</a></li>
							<li><a href="javascript:;">2月</a></li>
							<li><a href="javascript:;">3月</a></li>
						</ul>
					</div>
						<div class="input-group">
							<input type="text" class="form-control" placeholder="输入关键字搜索">
							<span class="input-group-btn">
						        <button class="btn btn-warning" type="button">搜索</button>
						    </span>
						</div>-->
					</div>
				</div>
				
				<div class="clearfix col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-12 mg-top-40">
					<form action="addcya.do">
						<div class="form-group">
							<label for="exampleInputEmail1">姓名</label>
							<input type="text" class="form-control" id="exampleInputEmail1" placeholder="姓名" name="name">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">性别</label>
							<!--<input type="text" class="form-control" id="exampleInputEmail1" placeholder="课程类型">-->
							<select class="form-control" id="sex" name="sex">
								<option value="男">男</option>
								<option value="女">女</option>
							</select>
						</div>
						<div class="form-group">
							<label for="exampleInputEmail1">年级/班级</label>
							<input type="text" class="form-control" id="exampleInputEmail1" placeholder="年级/班级" name="classs">
						</div>
						
						<div class="form-group">
							<label for="exampleInputEmail1">联系电话</label>
							<input type="text" class="form-control" id="exampleInputEmail1" placeholder="联系电话" name="phone">
						</div>
						<div class="form-group">
							<label for="exampleInputEmail1">所属社团</label>
							<input type="text" class="form-control" id="exampleInputEmail1" readonly="true" value="${gname }" name="gname">
						</div>
						<div class="form-group">
							<label for="exampleInputEmail1">职位</label>
							<input type="text" class="form-control" id="exampleInputEmail1" placeholder="职位" name="position">
						</div>
						
						<button type="submit" class="btn btn-default">添加</button>
					</form>
					
					
				</div>
				
				
			</div>
		</div>
		
		<script src="../js/bootstrap.min.js" type="text/javascript"></script>
		<script src="../js/jquery-2.1.3.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(function(){
				//下拉列表赋值
				$(".dropdown").click(function(){
					$(this).toggleClass("open")
				});
				$(".js-menu-contant").find("li").click(function(){
					var menu_text = $(this).text();
					$(this).parent().siblings(".js-menu-text").find("em").text(menu_text);
					$(this).addClass("active").siblings("li").removeClass("active");
				});
				
			})
			
		</script>
	</body>
</html>
